<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <input id="inputs" type="text" name="name" value="12">
    <span id="spans">hello world</span>
    <div id="divA">This is <span>some</span> text</div>
    <script type="text/javascript">
    var input = document.getElementById('inputs');
    console.log(input);

    var text = document.getElementsByTagName('html')[0].textContent;
    console.log(text);

    var a1 =input.nextSibling;
    console.log(a1);

    var url = document.baseURI;
    console.log(url);

    var a2 = input.parentNode;
    console.log(a2);

    var a3 = input.parentElement;
    console.log(a3);

    var divA = document.getElementById('divA');
    console.log(divA.childNodes);

    var p =document.createElement('p');
    var p1 = "<p>text</p>";
    var a4 = input.cloneNode(true);
    console.log(a4);
    document.body.appendChild(a4);

    document.body.removeChild(a4);

    var a5 = document.getElementById('divA');
    var a6 =a5.childNodes.length;
    console.log(a6);

    </script>
  </body>
</html>
